body{margin: 0px; padding: 0px;position:flex; font-family: "Microsoft YaHei"; background: url(/image/bg.jpg);}
a{color: #666; text-decoration: none;}
.container{width: 100%; height: 750px;background: inherit; margin:auto; position: relative; }
.home-logo{margin: 0 auto; text-align: center; padding-top: 150px;}
.slogon1{margin: 0 auto; margin-top: 50px; text-align: center;}
.home-btn{margin: 0 auto; margin-top: 50px; cursor: pointer; text-align: center;} 
img{border:none;}
.login-div{width:300px; height: 480px; background-color: #fff; margin: 0 auto; position: relative; text-align: center; }
.slogon2{margin: 0 auto; position: absolute; bottom: 30px; left: 50px;}
.login-title{text-align: center; line-height: 50px; font-size: 40px; font-weight: bold; color: #008FCC; }
.login-input{margin-top: 20px; }
.login-input input{height: 35px; line-height: 35px; width:200px; padding-left: 5px;}
.login-btn{margin-top: 50px;}
.login-btn img{cursor: pointer;}
.container-top{height: 45px; background-color: #fff;border: #eeeeee solid 1px; border-radius: 5px 5px 0px 0px; }
.home-pos{height: 45px; background-color: #fff;  line-height: 45px; float: left; padding-left: 127px; color: #666; }
.home-pos-line{margin: 0px 10px; }
.home-right{float: right;  height: 45px; background-color: #fff; line-height: 45px;}
.home-right a{color: #008FCC; margin-right: 12px; }
.home-left{float: left;  height: 45px; background-color: #fff; line-height: 45px;}
.home-left a{color: #008FCC; margin-right: 12px; }
.home-close{color: #fff; background-color: #008FCC; border-radius: 4px;}

.home-div1{width: 100%; height: 400px; margin: 0 auto; margin-top: 100px; clear: both;}
.home-icon1{width: 50%; float: left; text-align: center; height: 200px; padding-top: 30px; box-sizing: border-box;-ms-box-sizing: border-box; /*IE8*/ color: #fff;}
.home-div2{width: 100%; height: 400px; margin: 0 auto; margin-top: 200px; clear: both;}
.home-icon2{width: 33%; float: left; text-align: center; height: 200px; padding-top: 30px; box-sizing: border-box;-ms-box-sizing: border-box; /*IE8*/ color: #fff;}
.home-icon3{width: 25%; float: left; text-align: center; height: 200px; padding-top: 30px; box-sizing: border-box;-ms-box-sizing: border-box; /*IE8*/ color: #fff;}
.home-icon4{width: 20%; float: left; text-align: center; height: 200px; padding-top: 30px; box-sizing: border-box;-ms-box-sizing: border-box; /*IE8*/ color: #fff;}
.home-btndiv{height: 30px; margin-top: 30px; text-align: center;}
.home-btn1{background-color: #fff; width: 80px; height: 25px; line-height: 25px; color: #1186BD; border: none; border-radius: 4px; font-weight: bold; font-family: "微软雅黑"}
.home-black{color:black; background:url(../img/check.png) no-repeat; background-position: 60% 10px; }
.pointer{cursor:pointer;}

.examdiv{width: 100%; height: 100%; margin:auto; position: relative; padding-top: 50px; border: #eee solid 1px; border-top: none; padding: 0px 15px; font-size: 14px; background-color: #fff; overflow: hidden;}
.exam1{width: 14%; float: left;}
.exam2{width: 56%; float: left; margin-left: 15px;}
.exam3{width: 28%; float: right;}
.exam1-1{height: 35px; line-height: 35px; padding-left: 10px; border: #eee solid 1px;}
.exam1-2{height: 300px; line-height: 32px; padding-left: 10px; border: #eee solid 1px; margin-top: 15px; padding-top: 15px;}
.exam1-2 img{width: 105px;padding:15px; border: #eee solid 1px;}
.exam1-2  ul{margin: 0px; padding:0px; list-style: none;}
.exam1-3{border: #eee solid 1px; height: 40px; margin-top: 15px; padding-left:15px; line-height: 40px;}
.lefttime{color: #f00; font-weight: bold; font-size: 16px;}
.exam1-4{border: #eee solid 1px; margin-top: 15px; padding:10px; line-height: 20px;}
.exam1-4 ul{margin: 0px; padding:0px; list-style: none;}
.exam1-4 li{border: #eee solid 1px; margin-bottom: 10px; text-align: center; cursor: pointer; font-size: 12px;}
.exam1-4 li:hover{background-color: #00532b; color: #fff;}
.exam2-1{border: #eee solid 1px; height: 300px;}
.exam-info{color: #999; line-height: 30px; margin-left: 10px; margin-bottom: 10px; margin-top: 5px;}
.exam-title{font-size: 16px; font-weight: bold; margin-left: 10px; margin-bottom: 15px;}
.exam-text{font-size: 16px; margin: 0px; padding: 0px; list-style: none;  margin-left: 10px;}
.exam-text li{line-height: 40px;}
.exam2-2{height: 100px;}
.exam2-2-Left {border: #eee solid 1px; width: 59%;float: left;height: 100%;margin-top: 5px}
.exam2-2-Right{border: #eee solid 1px;width: 40%;float: right;height: 100%;margin-top: 5px}
.exam-describe{margin-left: 10px}
.exam-answer{margin-left: 10px; float: left;}
.exam-select{float: right; padding-right: 10px;}
.myanswer{font-size: 18px; color: #f00; font-weight: bold; }
.subjectanswer{font-size: 18px; color: #5A9E43; font-weight: bold; }
.an-btn{padding:2px 5px; border: #000 solid 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; display: block; float: left; cursor: pointer; margin-right: 5px;}
.an-btn:hover,.an-btn-check{background-color: #00532b; color: #fff;}
.answer-title{display: block; float: left; line-height: 30px;}
.submitans{float: left; display: block; height: 26px; line-height: 20px; padding:0px 10px; }
.exam2-3{text-align: center; padding-top:10px;}
.exam2-3 img{max-width: 500px; max-height: 250px;}

.exam3-1{border: #eee solid 1px; padding: 8px; height: 300px; overflow-y: scroll; width: 90%; }
.exam-i{display: block; width: 30px; height: 36px; float: left; text-align: center; line-height: 18px; border: #eee solid 1px; margin: 1px; font-size: 12px;cursor: pointer}
.exam-i a{color:black; display:block; width: 30px; height: 36px; transform:scale(0.8);}
.exam3-2{height: 45px; text-align: center; padding-top: 10px;}
.exam3-2 button,.exam-jj button{padding:2px 8px; margin-right:15px; border: #999 solid 1px; height: 25px; line-height: 20px;}
.exam3-3,.exam3-4{border: #eee solid 1px; padding: 8px; overflow: hidden; margin-bottom: 10px;}
.exam3-3 ul{margin: 0px; padding:0px; list-style: none; padding-left: 10px;}
.exam3-3 ul li{line-height: 30px;}
.exam-jj{text-align: center;}
.check-button{background-color: #045cb2; color: #fff; border: #eee solid 1px;}
.exam-ok{background-color: #2a7e00; color: #000;}
.exam-ok2{background-color: #2a7e00; color: #fff;}
.exam-error{background-color: #f00; color: #fff;}
.exam-No{background-color:#d0d0d0; color: #fff;}
.text-red{border: 1px solid #f00;}

.container1{width: 900px; height: 461px; background:url(../img/bg1.jpg); padding-top:170px; box-sizing: content-box;}
.container2{width: 900px; height: 461px; background:url(../img/bg2.jpg); padding-top:170px; box-sizing: content-box;}
.success-text{font-size: 25px; color: #fff; width:400px; height: 50px; line-height: 50px; font-weight: bold; text-align: center; border:#eee solid 1px; margin: 0 auto;
}
.exam-result{width: 240px; margin:0 auto; margin-top:15px; margin-bottom: 145px;}
.exam-result ul{margin: 0px; padding: 0px; list-style: none;}
.exam-result li{height: 20px; line-height: 20px; font-size: 12px; background-color: #008FD7; background:rgba(0,143,215,0.5); margin-bottom: 5px; color: #fff; padding-left:15px;}

.DaAnHtml p {  display: inline;  }
.exam-tel {  font-size: 20px;  font-weight: bold;  text-align: center;  }
li{  list-style-type:none  }
.button {  display: inline-block;  border-radius: 4px;  background-color: #00c0ef;  border: none;  color: #FFFFFF;  text-align: center;  font-size: 15px;  padding: 5px;  width: 90px;  transition: all 0.5s;  cursor: pointer;  margin: 5px;  }
.cs95E872D0 {  text-align: left;  text-indent: 0pt;  margin: 0pt 0pt 0pt 0pt  }
.isOpen{  background-color: #00532b; color: #fff;  }

.cs866BD963 {  color: #00B050;  background-color: transparent;  font-family: 宋体;  font-size: 14pt;  font-weight: normal;  font-style: normal;  }
.cs1D53A76 {  color: #F00000;  background-color: transparent;  font-family: 宋体;  font-size: 14pt;  font-weight: normal;  font-style: normal; }

